.all{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.text{
  display: flex;
  position: relative;
  border-bottom: 70px solid #ccc;
}
.left{
  width: 30%;
  height: 10.8rem;
  margin-top: 0.8rem;
  overflow: auto;
}
.left::-webkit-scrollbar {
	display: none;
}

.left ul{
    width: 100%;
}
.left li{
    width: 100%;
    height: 0.9rem;
    background: #F8F8F8;
    line-height: 0.4rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.left li:nth-of-type(2){
    position: relative;
}
.left #img{
    position:absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 30%;
}
.left li a{
  font-size: 0.3rem;
}
.right{
  width: 70%;
  height: 10.8rem;
  margin-top: 0.8rem;
  overflow: scroll;
}
.right::-webkit-scrollbar {
	 display: none;
}
.allProduct{
  font-size: 0.3rem;
  width: 70%;
  height: 0.9rem;
  line-height: 0.9rem;
  border-bottom: 1px solid #ccc;
  text-align: center;
  position: fixed;
  top: 0.8rem;
  left: 30%;
  background: white;
  z-index: 1;
}
.product{
    margin-top: 0.9rem;
    height: 10.8rem;
}
.product ul{
  width: 100%;
}
.product li{
  border-bottom: 1px solid #ccc;
  height: 1.83rem;
}
.product li a{
    display: flex;
    width: 100%;
    height: 1.83rem;
}
.product-left{
  width:38%;
}
.product-left img{
    width:2rem;
    height:1.6rem;
    margin-top: 0.2rem;
}
.product-right{
  width: 59%;
  position: relative;
  left: 0.2em;
}
.product-right p:nth-of-type(1){
    font-size: 0.3rem;
    margin-top: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-right span:nth-of-type(1){
  border: 1px solid red;
  color: red;
  border-radius: 5px 5px 5px 5px;
  font-size: 0.3rem;
  position: absolute;
  top: 0.6rem;
}
.product-right span:nth-of-type(2){
  background: red;
  color: white;
  font-size: 0.3rem;
  border: 1px solid red;
  border-radius: 5px;
  margin-left: 0.2rem;
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
}
.product-right p:nth-of-type(2){
    font-size: 0.3rem;
    margin-top: 0.4rem;
}
.product-right span:nth-of-type(3){
    font-size: 0.3rem;
    color: red;
    position: absolute;
}
.product-right span:nth-of-type(4){
  font-size: 0.3rem;
  color: #ccc;
  text-decoration: line-through;
  position: absolute;
  left: 0.5rem;
}
.product-right .add{
  border: 1px solid silver;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background: url('../img/2017-03-29_184659.jpg') no-repeat center center;
  margin-left: 2rem;
  margin-top: -0.2rem;
}
.beiyong{
  width: 100%;
  height:1rem;
}
